/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TextInput,
} from 'react-native';

export default class DTextInput extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>第一个输入框</Text>
        <TextInput style={styles.first_textinput} fontSize={15} value={'这个是默认的文字, 不是plactholder'}></TextInput>
        <Text>第二个输入框</Text>
        <TextInput style={styles.second_textinput} fontSize={15} multiline={true} value={'这个是默认的文字, 不是plactholder这个是默认的文字, 不是plactholder这个是默认的文字, 不是plactholder这个是默认的文字, 不是plactholder这个是默认的文字, 不是plactholder这个是默认的文字, 不是plactholder'}></TextInput>
        <Text>第三个输入框</Text>
        <TextInput style={styles.third_textinput} fontSize={15} keyboardType={'phone-pad'}></TextInput>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F5FCFF',
    marginTop: 20,
  },
  first_textinput: {
    height: 44,
    borderWidth: 1,
    borderColor: 'grey',
    paddingHorizontal: 8,
  },
  second_textinput: {
    height: 88,
    borderWidth: 1,
    borderColor: 'grey',
    paddingHorizontal: 8,
  },
  third_textinput: {
    height: 44,
    borderWidth: 1,
    borderColor: 'grey',
    paddingHorizontal: 8,
  },
});

AppRegistry.registerComponent('DTextInput', () => DTextInput);
